﻿@charset "utf-8";
/* CSS Document */

.headerimg {
    width: 415px;
    height: 150px;
    margin: 80px auto 20px auto;
}

.container {
    margin: 0 auto;
    position: relative;
    width: 960px;
    height: 100%;
}

.login-panel {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.13), 0 1px 5px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(255, 255, 255, 0.69) inset;
    height: 374px;
    position: relative;
    margin: 0 auto;
    width: 358px;
}

.picture {
    background: url(../images/ico01.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 85px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 130px;
    overflow: hidden;
    text-indent: -999em;
    width: 195px;
}
/**.login-panel h1 {
    color: #1E71A8;
    font: 20px/75px "Microsoft Yahei","微软雅黑",SimSun,sans-serif;
    height: 66px;
    margin-left: 30px;
    width: 227px;
}**/
#login {
    height: 245px;
    left: 0;
    padding-left: 40px;
    position: absolute;
    top: 80px;
    width: 305px;
    z-index: 1;
}

    #login .submit input {
        background: url(../images/index.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #FFFFFF;
        cursor: pointer;
        font-size: 18px;
        height: 38px;
        font-family: "微软雅黑", "宋体";
        line-height: 38px;
        width: 276px;
    }

.login-wrap {
    margin-top: 33px;
}

.login-panel .login-item .emptyhint {
    color: #CCCCCC;
    font-size: 16px;
    height: 36px;
    left: 10px;
    line-height: 36px;
    position: absolute;
    top: 0;
    width: 200px;
    z-index: 10;
}

#login .find {
    position: absolute;
    top: 125px;
    width: 276px; /**230**/
}

#login .submit input {
    /**  background-color: #8eacce;**/
    border: 0 none;
    margin-top: 8px;
}

#login .find label {
    float: left;
}

#login .find input {
    vertical-align: middle;
}

#login .find a {
    float: right;
}

#login .show-phrase .find {
    top: 170px;
}

#login .submit input:hover {
    background-position: 0 -69px;
}

.login-panel .tipinput1 {
    border: 1px solid #C7C7C7;
    font-size: 16px;
    height: 20px;
    margin-bottom: 10px;
    padding: 7px;
    width: 260px; /**212**/
    z-index: 20;
}

#login .submit {
    clear: both;
    padding-top: 20px;
}

.change {
    background-color: #F2F7FA;
    border-top: 1px solid #E6ECF0;
    bottom: 0;
    height: 40px;
    left: 0;
    line-height: 40px;
    position: absolute;
    width: 100%;
}

    .change a {
        margin-left: 30px;
    }

.reg_header {
    background: none repeat scroll 0 0 #F1F1F1;
    border-bottom: 1px solid #E5E5E5;
}

.reg_header {
    height: 5.1em;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 3.2em;
}

header {
    margin-top: 2.3em;
}

body, section, input, select, button, label, article, span, table, img, nav, .wgt > div {
    font: 14px/1.5 tahoma,​arial,helvetica,sans-seri;
}

html {
    color: #000000;
}

.forget-create-buttons input[type='submit'] {
    background-color: #4D90FE;
    border: 1px solid #3079ED;
    color: white;
}

.confirmbox {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #E5E5E5;
}

#credentialList > .wgt > .leftDesc, #publicKeyList > .wgt > .leftDesc {
    background-color: #F1F1F1;
}

#credentialList > .wgt > .rightContent, #publicKeyList > .wgt > .rightContent {
    border-bottom: 1px solid #E5E5E5;
}

#credentialList > .wgt > .header, #publicKeyList > .wgt > .header {
    font-weight: bold;
    margin-bottom: 0.5em;
}

#credentialList > .wgt > .footer, #publicKeyList > .wgt > .footer {
    height: 2em;
}

#credentialList > .wgt > .leftDesc, #publicKeyList > .wgt > .leftDesc {
    font-weight: normal;
    min-width: 13em;
    padding: 1px 0 0;
    width: 13em;
    line-height: 2em;
}

#credentialList > .wgt > .rightContent, #publicKeyList > .wgt > .rightContent {
    font-weight: normal;
    line-height: 2em;
}

.modifypwContent .formInput > div {
    padding: 2em;
}



.modifypwContent .formInput {
    padding: 2em;
    width: 20em;
}

    .modifypwContent .formInput label {
        -moz-user-select: none;
        display: inline-block;
        margin-bottom: 0.1em;
        width: 100%;
        font-weight: bold;
        font-size: 0.9em;
    }

    .modifypwContent .formInput span {
        text-indent: 0em;
    }

    .modifypwContent .formInput input {
        height: 2em;
        width: 100%;
        padding: 0 0.5em;
    }

    .modifypwContent .formInput .reg_field {
        margin: 0 0 2em;
        width: 100%;
    }

    .modifypwContent .formInput .reg_finish span {
        clear: both;
        float: left;
    }

    .login-panel .tipinput2 {
    border: 1px solid #C7C7C7;
    font-size: 16px;
    height: 20px;
    margin-bottom: 10px;
    padding: 7px;
    width: 150px; /**212**/
    z-index: 20;
}

.login-panel .domain {   
    background-color: #F7FBFD;
    border: 1px solid #C7C7C7;
    color: #5E6F88;
    font-family: verdana;
    font-size: 14px;
   
    height: 36px;
    line-height: 36px;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    width: 100px;
    margin-left:-5px;
    padding: 10px 5px 7px
}
